<template>
  <el-tooltip class="item" effect="dark" transition="" :content="$t('public.delete')" placement="bottom">
    <span class="icon-delete" @click="Delete"><i class="iconfont icon-shanchu" :style="fontSize?'font-size:18px':''"></i></span>
  </el-tooltip>
</template>
<script>
  export default {
    name: 'Delete',
    methods: {
      Delete () {
        this.$emit('delete')
      }
    },
    props: {
      fontSize: String
    }
  }
</script>
<style lang="stylus" scoped>
  @import "../../../assets/common.styl"
  .icon-delete
    flex 1
    text-align center
    cursor pointer
    .icon-shanchu
      color $c-main
</style>
